@charset "utf-8";
.minW(){
  min-width: 1200px;
}
.main{
  width:1200px;margin:0 auto;
}
.fl_l(){
  float:left;
}
.fl_r(){
  float:right;
}
.wrap{
  .head{
    height:60px;border-bottom: 1px solid #e5e5e5;
    .minW();
    .head_body{
      height:60px;
    }
    .logo_box{
      float:left;
      position: relative;
      width:194px;
      height:30px;
      margin:15px auto;
    }
    a{
      position: absolute;
      display:block;
      img{
      }
    }
  }
  .page{
    overflow: hidden;
    .minW();
    height:700px;
    background-color: #f7f2ec;
    border-top:1px solid #e9e9e9;
    .page_left{
      float:left;
      margin:80px 140px 0 0;
    }
    .page_right{
      position: relative;
      background-color: #fff;
      overflow: hidden;
      margin-top:70px;
      float:left;
      width:420px;
      height:560px;
      border:1px solid #d8d8d8;
      box-shadow: 0 0 20px #c8c8c8;
      .load_top{
        overflow: hidden;
        .lt_left,.lt_right{
          .fl_l();
          background-color: #f7f7f9;
          border-bottom: 2px solid #f7f7f9;
           &:hover{
             border-bottom: 2px solid #000;
           }
          a{
            display: inline-block;
            width:210px;
            color:#afafaf;
            text-align: center;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            &:hover{
              color:#000;
            }
          }
        }
      }
      .load_form{
        position: relative;
        width:300px;
        margin:30px auto;
        .show1,.show2{
          display: none;
          color:#666;
          background-color: #fff;
          font-size: 12px;
          position: absolute;
          padding:0 4px;
        }
        .show1{
            left:7px;
          top:-8px;
        }
        .show2{
          left:7px;
          top:48px;
        }
        p{
          input,button{
            height:34px;
            border: 1px solid #ccc;
            padding:0 5px;
          }
          display: block;
        }
        #msg_tel,#msg_vcode{
          font-size: 12px;
          position: absolute;
          line-height: 20px;
          padding:10px;
          color:red;
        }
        #msg_tel{
          top:-30px;
        }
        #msg_vcode{
          top:30px;
        }
        .lf_1{
          margin-bottom: 30px;
          color:red;
          input{
            width:290px;
          }
        }
        .lf_2{
          display: inline-block;
          input{
            width:175px;
          }
        }
        .lf_3{
          float: right;
          display: inline-block;
          button{
            background-color: #f7f7f9;
            width:90px;
          }
        }
        .lf_4{
          text-align: right;
          a{
            font-size: 12px;
            color:#000;
            line-height: 50px;
            &:hover{
              color:red;
            }
          }
        }
        .lf_5{
          button{
            height:40px;
            border:none;
            border-radius: 20px;
            background-color: darkred;
            width:300px;
            color:#fff;
          }
        }
        }
      .load_btm{
        margin:0 auto;
        width:300px;
        text-align: center;
        font-size: 12px;
        .line_lr{
          height:12px;
          border-bottom: 1px solid #d8d8d8;
          p{
            line-height: 24px;
            display: inline-block;
            background-color: #fff;
          }
        }
        .load_pt{
          width:320px;
          margin-top:20px;
          overflow: hidden;
          a{
            margin-right:25px;
            float:left;
            color:red;
            width:38px;
            height:35px;
            display:block;
            background:url("../images/part.png") no-repeat 0 0;
          }
          a:nth-child(2){
             background-position: -60px 0;
           }
          a:nth-child(3){
            background-position: -120px 0;
          }
          a:nth-child(4){
            background-position: -180px 0;
          }
          a:nth-child(5){
            background-position: -240px 0;
          }
        }
        .load_agr{
          margin-top:20px;
          color:#666;
          a{
            color:#005ba1;
            &:hover{
              color:red;
            }
          }
        }
      }
      }
    #saoma1{
      a{
        display: inline-block;
        border: 1px solid red;
        line-height: 25px;
        padding:0 3px;
        font-size: 12px;
        color:red
      }
    }
    #saoma2{
      position: absolute;
      right:-4px;
      bottom: 0;
      transform: rotate(-45deg);
      a{
        display: inline-block;
        border: 1px solid red;
        line-height: 25px;
        padding:0 3px;
        font-size: 12px;
        color:red;
      }
    }
    }
  }
  .foot{
    .minW();
    height:100px;
    text-align: center;
    .foot_body{
      font-size: 12px;
      color:#464646;
      .foot_list{
        padding:20px 0;
        a{
          font-size: 12px;
          color:#464646;
          &:hover{
            color:red;
          }
        }
        b{
          font-size: 12px;
          display: inline-block;
          padding:0 3px;
          color:#464646;
        }
        }
      }
    }

